/*------------------------------------------------------------------------------------------*/

/*设置图片占用全部屏幕占比*/
.p1>img{
display: flex;
width: 100%;
}
/*设置字体样式*/
.p2{
	border: 1px solid red;
	width: 500px;
	height: 300px;
	padding: 0px 50px;
	margin-left: 700px;
	margin-top: -450px;
	font-size: 50px;
	color: ghostwhite;
	}
	
	.p3{
	padding: 10px 0px;
	font-size: 20px;
	color: ghostwhite;
	}
	/*背景*/
	.g1{
	width: 200px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	background-color: rgb(255,255,255);
	color: black;
	}
	
.g2{
display: flex;
padding: 0px 60px;
}

/*设置白色框*/
.g3{
width: 300px;
height: 60px;
border: 1px solid ghostwhite;
position: relative;
margin-top: -40px;	
margin-left: 10px;
}

/*导航设置*/
.p4{
display: flex;
justify-content: center;
align-items: center;	
width: 100%;
height: 60px;
position: relative;
background-color: rgb(60,70,79);
margin-top: 100px;
}
/*虚线*/
.p6{
font-size: 20px;
display: flex;
justify-content: center;
align-items: center;
border-left:1px dashed ghostwhite;	
padding: 15px 30px;
}
/*设置鼠标悬浮*/
.p6:hover{
	background-color: blue;
	height: 30px;
	width: 100px;
	padding: 15px 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.p5:hover{
background-color: blue;
padding: 15px 50px;
cursor: pointer;
	
}
.p5{
font-size: 20px;
display: flex;
justify-content: center;
align-items: center;
padding: 0px 50px;
}








/*-------------------------------================================================================*/
/*最大div定位*/
.middle1{
	border: 1px solid black;
	height: 2700px;
	width: 100%;
	margin-top: 10px;
}
/*设置第一个文字样式*/
.middle2{
padding: 20px 0px;	
}
.s{
	position: relative;
	top: 0px;
	left: 660px;
	width: 300px;
	height: 30px;
	background-color: rgb(236,236,236);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
}
.s1{
	position: relative;
	top: 0px;
	left: 660px;
	width: 300px;
	height: 30px;
	background-color: rgb(236,236,236);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 15px;
}
.s2{
	position: relative;
	top: -50px;
	left: 650px;
	border: 1px solid black;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 290px;
	height: 60px;
}
/*图片1*/
.middle3{
	display: flex;
	justify-content: center;
	
}
/*设置图片1之间的间距+图片大小*/
.a1{
	padding: 20px 5px;
}
.a2>img{
	height: 490px;
	padding: px 5px;
}
.a3{
	padding: 20px 5px;
}
/*设置图片2样式*/
.middle4{
	position: relative;
	top: 110px;
	height: 100px;
	border: 1px solid red;
	background-color:rgb(0,4,1);
	height: 350px;
}
.x1>img{
	position: relative;
	top: -100px;
	left: 500px;
	width:260px;
	height: 450px;
}
.x2{
	font-size: 30px;
	font-family: "arial, helvetica, sans-serif";
	position: relative;
	top: -500px;
	margin-left: 40px;
	display: flex;
	justify-content: center;
	
}

.x3{
	text-indent: 2em;
	color: ghostwhite;
	position: relative;
	top: -480px;
	left: 770px;
	display: flex;
	justify-content: space-around;
	width: 500px;
}
.x4{
	background-color: red;
	 text-indent: 2em;
	color: yellow;
	position: relative;
	top: -450px;
	left: 761px;
	display: flex;
	justify-content: space-around;
	width: 480px;
}
/*设置鼠标悬浮*/
.xx:hover{
	justify-content: space-around;
   	padding: 0px 20px;
	height: 90px;
	background-color: aliceblue;
	color: palevioletred;
	align-items: center;
    鼠标显示手的样式
    cursor: pointer;
}
/*图片3样式*/
/*.l{
	border: 1px solid blue;
	color: blue;
	margin-top: -30px;
	
}*/

.k2{
	height: 40px;
	width: 350px;
	background-color: rgb(236,236,236);
	font-size: 20px;
	margin-left: 600px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	position: relative;
	top: -380px;
}
.mi{
	border: 1px solid red;
	height: 80px;
	width: 350px;
	position: absolute;
	margin-left: 610px;
	margin-top: -450px;
}
/*第三部分图片*/
.k{
/*	background-color: red;*/
	margin-top: -340px;
	height: 300px;
	justify-content: space-between;
	align-items: center;
}
.k3>img{
	width: 400px;
	height: 300px;
	padding: 10px 400px;
}
.k4{
	margin-top: -180px;
	padding: 0px 780px;
	
}
.z4{
	
	margin-top: -160px;
	margin-left: 800px;
	width: 300px;
	height: 220px;
	background-color: rgb(47,45,50);
	
}
/*设置字体*/
.k5{
	color: ghostwhite;
	justify-content: space-between;
	align-items: center;
	width: 200px;
	height: 100px;
	padding: 50px 20px;
	margin-top: -100px;
}
/*第四部分图片*/
.m{
	padding: 50px 680px;
	/*background-color: red;*/

}

.m1>img{

	width: 500px;
	height: 300px;
}
.m2{
	/*border: 1px solid goldenrod;*/
	width: 240px;
	height: 50px;
   position: relative;
	left: -30px;
	top: -150px;
}

.m3{
	width: 260px;
	height: 100px;
}
.m4{
background-color: rgb(47,45,50);
	width: 240px;
	height:260px;
    margin-left: -240px;
    margin-top: -330px;
}
.m5{
	color: ghostwhite;
display: flex;
justify-content: center;
align-items: center;
height: 150px;	
}
/*第五部分图片设置*/

.w{
	width: 1000px;
	height: 500px;
	
}
/*图片*/
.w1{
	margin-left: -240px;
	margin-top: 60px;
	display: flex;
	justify-content: center;
	width: 500px;
	height: 300px;
}
/*图片*/
.w1>img{
	width: 100%;
	height: 100%;
}

/*字体背景*/
.w3{
	width: 300px;
	height:260px;
	margin-top: -330px;
	margin-left: 260px;
	background-color: rgb(47,45,50);
}
/*字体间距+字体颜色*/
.w4{
	padding: 50px 30px;
	color: ghostwhite;
}
/*心型图片处理*/
.w5{
	/*border: 1px solid goldenrod*/;
	width: 240px;
	height: 50px;
   position: relative;
	left: 240px;
	top: -160px;
}
/*第六部分*/
/*图片处理*/
.dd>img{
height: 500px;	
width: 100%;
margin-top: 550px;	
}
/*新闻处理*/
.d2{
font-size: 16px;
font-family: "arial narrow";
display: flex;
justify-content: space-around;
align-items: center;
padding: 10px 0px;

}

.d4{
background-color: rgb(236,236,236);	
width: 300px;
height: 85px;	
position: relative;
left: 650px;
margin-top: -450px;
}
.d3{
	margin-left: -10px;
	margin-top: -90px;
	width: 300px;
	height: 80px;
	border: 1px solid red;
}
/*针对新闻文字处理*/
.v{ 
	margin-left: 50px;
	border: 1px solid ghostwhite;
	position: relative;
	top: 100px;
	color: ghostwhite;
	width: 450px;
	display: flex;
	background-color: #000000;
}
.v1{
	display: flex;
	justify-content: center;
	width: 500px;
}
.vv1{	
	font: bold;
	font-size: 20px;
	padding: 0px 15px;
    display: flex; 
	width: 100px;	
	
}
/*轮播图*/
/*设置背景图片移动*/
.slide {
  position: relative;
  left: -40px;
  top: -220px;
  margin: auto;
  width: 400px;
  height: 400px;
  text-align: center;
  font-family: Arial;
  color: #FFF;
  overflow: hidden;
}

.slide ul {
  margin: 10px 0;
  padding: 0;
  width: calc(800px * 3);
  transition: all 0.5s;
}
/*设置背景大小+内容文字位置*/
.slide li {
	/*浮动用法靠左或者靠右*/
  float: left;
  width: 600px;
  height: 320px;
  align-content: center;
  list-style: none;
line-height: 300px;
  font-size: 36px;

}

/*图片背景颜色*/
.slide li:nth-child(1) {
  background: #9fa8ef;
}

.slide li:nth-child(2) {
  background: #ef9fb1;
}

.slide li:nth-child(3) {
  background: #9fefc3;
}


.slide input[name="sildeInput"] {
  display: none;
}
.n{
	display: flex;
  	height: 200px;
  	width: 300px;
  	border: 1px solid red;
}

/*设置点击圆点*/
.slide label[for^="sildeInput"] {
  position: absolute;
  top: 300px;
  width: 30px;
  height: 20px;
  margin-left: 150px;
  line-height: 20px;
  color: #FFF;
  background: green;
  cursor: pointer;
  border-radius: 50%;
}
/*轮播圆*/
.slide label[for="sildeInput1"] {
  left: 0;
}

.slide label[for="sildeInput2"] {
  left: 30px;
}

.slide label[for="sildeInput3"] {
  left: 60px;
}
.slide label[for="sildeInput4"] {
  left: 90px;
}
/*轮播百分比*/
#sildeInput1:checked~ul {
  margin-left: 0;
}

#sildeInput2:checked~ul {
  margin-left: -600px;
}

#sildeInput3:checked~ul {
  margin-left: -1200px;
}

#sildeInput1:checked~label[for="sildeInput1"] {
    color: #000;
    background: #fff;
}

#sildeInput2:checked~label[for="sildeInput2"] {
    color: #000;
    background: #fff;
}

#sildeInput3:checked~label[for="sildeInput3"] {
    color: #000;
    background: #fff;
}

 /*===========================================================================================*/
/*底部最大div+背景颜色*/
.h{
	margin-top: 50px;
	padding: 40px 0px;
	background-color: rgb(47,45,50);
	height: 230px;
}
/*设置第一行文字位置*/
.h1{
	color: ghostwhite;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
/*设置字体*/
.sss{
color:ghostwhite;
font-size: 40px;
font-family: "arial rounded mt bold";
}
/*左边字体设置*/
.h2{
	margin-left: 55px;
	color: ghostwhite;
	width: 600px;
	height: 200px;
}
.h3{
	
display: flex;
 justify-content: space-around;
 align-content: center;
 text-align: center;
  padding: 10px;
	
}

/*生成二维码进行定位处理*/
.l{
display: flex;
margin-left: 1050px;
margin-top: -200px;
line-height: 20px;
	
}
.ko{
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin-top: 60px;
	margin-left: 20px;
	width: 200px;
	height: 50px;
	font-size: 20px;
	font-family: "arial black";
	color: ghostwhite;
}
.ko1{
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin-top: 100px;
	margin-left: -210px;
	width: 220px;
	height: 50px;
	font-size: 20px;
	font-family: "arial black";
	color: ghostwhite;
}
/*设置二维码大小*/
.lv>img{
width: 200px;
height: 200px;
	
}
